<!--
 * @Description:
 * @version:
 * @Author: 潘骏杰
 * @Date: 2022-03-31 10:26:17
 * @LastEditors: 潘骏杰
 * @LastEditTime: 2022-03-31 10:26:18
-->
<!--
 * @Description:
 * @version: 申请审核列表
 * @Author: 潘骏杰
 * @Date: 2022-03-29 08:03:57
 * @LastEditors: 潘骏杰
 * @LastEditTime: 2022-03-29 09:36:26
-->
<template>
  <van-form @submit="search">
    <van-row>
      <van-col span="24">
        <div class="cardbody" style="margin: 10px">
          <h3 style="padding: 0">申请签约列表</h3>
          <Loading v-if="loading" />
          <div v-else>
            <div class="tab-ul">
              <van-row gutter="20">
                <!-- 开始循环 -->
                <van-col span="12">
                  <div class="li-back" @click="routeapplication('idxxx')">
                    <div class="li-left">
                      <img src="@/assets/images/icon/girl.png" class="act">
                    </div>
                    <div class="li-right">
                      <h3>张三<span>3分钟前</span></h3>
                      <p class="van-ellipsis">江西省上饶市万年县同福胡同…</p>
                    </div>
                  </div>
                </van-col>
                <van-col span="12">
                  <div class="li-back" @click="routeapplication('idxxx1')">
                    <div class="li-left">
                      <img src="@/assets/images/icon/girl.png" class="act">
                    </div>
                    <div class="li-right">
                      <h3>张三<span>3分钟前</span></h3>
                      <p class="van-ellipsis">江西省上饶市万年县同福胡同…</p>
                    </div>
                  </div>
                </van-col>
                <van-col span="12">
                  <div class="li-back" @click="routeapplication('idxxx32')">
                    <div class="li-left">
                      <img src="@/assets/images/icon/girl.png" class="act">
                    </div>
                    <div class="li-right">
                      <h3>张三<span>3分钟前</span></h3>
                      <p class="van-ellipsis">江西省上饶市万年县同福胡同…</p>
                    </div>
                  </div>
                </van-col>
              </van-row>
            </div>
          </div>
        </div>
        <NoData v-if="false" />
      </van-col>
    </van-row>
  </van-form>
</template>

<script>
import NoData from '@/components/nodata/Index'
import Loading from '@/components/loading'
export default {
  name: 'Examine',
  // import引入的组件需要注入到对象中才能使用
  components: { NoData, Loading },
  data() {
    // 这里存放数据
    return {
      loading: false,
      active: 0,
      showCardNumber: false,
      submiting: false,
      searchvalue: ''
    }
  },
  methods: {
    search() {
      this.loading = true
      this.submiting = true

      setTimeout(() => {
        this.submiting = false
        // 接口读完
        this.loading = false
      }, 1000)
    },
    routeapplication(id) {
      this.$router.push({ path: '/reviewofsigningapplication', query: { id }})
    }
  }
}
</script>
<style scoped>
.act {
  width: 60px;
}
.tab-ul {
  padding: 10px 0 0 0;
}
.li-right h3 span {
  float: right;
  margin-top: -5px;
}
.li-right p {
  width: 100%;
}
.li-right p,
.li-right h3 span {
  font-size: 14px;
}
.search-btn {
  padding-top: 12px;
}
</style>
